@import "../../../vars.less";
.customer {
  padding: 10rem 0rem;
  line-height: 60rem/@dpi;
  position: relative;
  font-size: 0rem;
  >.company {
    display: inline-block;
    font-size: 26rem/@dpi;
    line-height: 60rem/@dpi;
  }
  >div.contact {
    .company;
    font-size: 32rem/@dpi;
    margin-right: 20rem/@dpi;
  }
  >div.notifiction {
    position: absolute;
    width: 40rem/@dpi;
    height: 26rem/@dpi;
    font-size: 20rem/@dpi;
    color: #fff;
    line-height:  26rem/@dpi;
    right: 0;
    top: 24rem/@dpi;
    text-align: center;
    border-radius: 8rem/@dpi;
    background-color: #ef4f4f;
  }
  >div.area {
    .company;
    width: 250rem/@dpi;

  }
  >div.price {
    .company;
    line-height: 60rem/@dpi;
  }
  >div.type {
    .company;
    width: 190rem/@dpi;
    text-align: right;
    color: #ef4f4f;
  }
  >span.unit {
    font-size:22rem/@dpi;
    color: #969696;
  }
  >.state-1 {
    display: inline-block;
    line-height: 36rem/@dpi;
    background-color: #ec1c4d;
    font-size: 24rem/@dpi;
    color: #fff;
    margin-right: 10rem/@dpi;
    padding: 0rem 5rem/@dpi;
    vertical-align: center;
  }
  >.state-2 {
    .state-1;
    background-color: #2f9395;
  }
  >.state-3 {
    .state-1;
    background-color: #f16a43;
  }
  >.time {
    .state-1;
    background-color: #fff;
    float: right;
    font-size: 22rem/@dpi;
    color: #969696;
  }

}
